.cil_batch_content {
  width: 40%;
  min-width: 200px;  
}

.cil_batch_label {
  text-align: left;
  height: 48px;
  line-height: 48px;
}

.cil_file_upload {
  width: 60%;
  margin-top: 36px;
  .cil_file_drag {
    width: 100%;
    height: 160px;
    background: #F5F7FA;
    border-radius: 4px;
  }
  .cil_upload_operation {
    width: 100%;
    text-align: center;
  }
}
.cil_button_upload {
   margin:36px auto 10px;
   width: 180px;
   height: 60px;
   background: #50C5E6;
   border-radius: 30px;
   color: #fff;
   font-size:20px;
   font-family:PingFangSC-Medium,PingFang SC;
}

.cil_upload_before {
  text-align: center;
  font-size: 14px;
  color: #35393D;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
}

.cil_upload_tips {
  text-align: center;
  color: #CFD9E6;
  font-size: 14px;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  .required {
    color: #DB2E2E;
  }
}

:host ::ng-deep  .cil_upload_svg {
  .cil_drag_tips {
    font-size:24px;
    font-family:PingFangSC-Semibold,PingFang SC;
    font-weight:600;
    color:rgba(88,92,96,1);
  }
  .cil_svg_outline {
    img {
      width: 52px;
      height: 52px;
      display: block;
      margin: 24px auto;
    }
  }
  i {
    width: 80px;
    height: 80px;
    svg {
      width: 80px !important;
      height: 80px !important;
      fill: #ccc;
    }
  }
}

:host ::ng-deep .ant-upload-list-item-name{
  display: none;
}

:host ::ng-deep .ant-progress-outer {
  display: none;
}

:host ::ng-deep .ant-upload-list-item-info {
  display: none;
}
